import { generateTitle } from '@/utils/i18n'

const settings = [
  {
    title: generateTitle('menu.menuLayout'),
    valueType: 'value',
    componentType: 'radios',
    dataIndex: 'menuLayout',
    fieldProps: {
      buttonStyle: 'solid'
    },
    radios: [
      {
        label: generateTitle('menu.default'),
        value: 'default'
      },
      {
        label: generateTitle('menu.deployment'),
        value: 'deployment'
      },
      {
        label: generateTitle('menu.top'),
        value: 'top'
      }
    ]
  },
  {
    title: generateTitle('menu.menuTheme'),
    valueType: 'value',
    componentType: 'radios',
    dataIndex: 'menuTheme',
    fieldProps: {
      buttonStyle: 'solid'
    },
    radios: [
      {
        label: 'Dark',
        value: 'dark'
      },
      {
        label: 'Light',
        value: 'light'
      }
    ]
  },
  {
    title: generateTitle('menu.menuWidth'),
    valueType: 'value',
    componentType: 'number',
    dataIndex: 'menuWidth',
    fieldProps: {},
    lastText: 'px'
  },
  {
    title: generateTitle('menu.language'),
    valueType: 'value',
    componentType: 'select',
    dataIndex: 'language',
    fieldProps: {
      style: {
        width: '120px'
      }
    },
    options: [
      {
        label: '简体中文',
        value: 'zh_cn'
      },
      {
        label: 'English',
        value: 'en_us'
      }
    ]
  },
  {
    title: generateTitle('menu.breadCrumbs'),
    valueType: 'checked',
    componentType: 'switch',
    dataIndex: 'breadcrumb',
    fieldProps: {
      checkedChildren: generateTitle('menu.showTitle'),
      unCheckedChildren: generateTitle('menu.hiddenTitle')
    }
  },
  {
    title: generateTitle('menu.tagPage'),
    valueType: 'checked',
    componentType: 'switch',
    dataIndex: 'breadcrumb',
    fieldProps: {
      checkedChildren: generateTitle('menu.showTitle'),
      unCheckedChildren: generateTitle('menu.hiddenTitle')
    }
  },
  {
    title: generateTitle('menu.footer'),
    valueType: 'checked',
    componentType: 'switch',
    dataIndex: 'breadcrumb',
    fieldProps: {
      checkedChildren: generateTitle('menu.showTitle'),
      unCheckedChildren: generateTitle('menu.hiddenTitle')
    }
  },
  {
    title: generateTitle('menu.waterMark'),
    valueType: 'checked',
    componentType: 'switch',
    dataIndex: 'breadcrumb',
    fieldProps: {
      checkedChildren: generateTitle('menu.showTitle'),
      unCheckedChildren: generateTitle('menu.hiddenTitle')
    }
  }
]

export default settings
